@charset "utf-8";
/**
 * *****common*****
 */
body {max-width: 750px;margin: 0 auto;color: #3e3e3e;font-size: 16px;line-height: 30px}
img {max-width: 100%;margin: 5px 0;}
i, em {font-style: normal;}
.img-response {display: block;width: 100%;}
.container {max-width: 750px;margin: 0 auto;}
.font-big {font-size: 24px!important}
.bg-yellow {background-color: #fff600}
.bg-red {padding: 0 5px;color: #fff;background-color: #f00}
.bg-gray {color: #372f30;background-color: #f8f8f8}
.bg-red a {color: #fff;}
.bg-green {background-color: #1dff00}
.red {color: #f00;}
.text-center {text-align: center;}
h2 {font-size: 18px;line-height: 30px}
h2 span {display: inline-block;margin: 10px 0;}
/*.indent p {text-indent: 2em;}*/
.img-response {width: 100%}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.segmentation {width: 100%;height: 1px;border-bottom: 2px dashed #dbdbdb}
.title-comment {padding-bottom: 10px;font-size: 16px;line-height: 30px;text-align: right;}
.title-comment img {display: inline-block;width: 37px;height: 25px;margin: 0;}

.wechatIcon {width: 30px;}

/**
 * *****header*****
 */
.header {padding-bottom: 10px;}
.header .container {padding: 10px}
.header img {margin-top: 0}
.header h1 {padding: 5px 0;font-weight: normal;font-size: 24px;line-height: 32px;/*border-bottom: 1px solid #535353*/}
.header .time {font-size: 14px;line-height: 24px;}

/*作者*/
.author {padding: 10px 0 5px;}
.author>img {float: left;width: 37px;height: 37px;margin-top: 0;margin-right: 10px;border-radius: 50%;}
.author h3 {font-size: 14px;line-height: 16px;}
.author h3 a {color: #406599;}
.author h3 img {height: 16px;margin: -2px 0 0 5px;}
.author p {font-size: 0;color: #505050;}
.author p span {display: inline-block;margin-top: 3px;padding: 0 5px;font-size: 12px;line-height: 14px;border: 1px solid #999;border-radius: 5px;box-sizing: border-box;}

/**
 * *****main*****
 */
.main .section {margin-bottom: 10px;padding: 5px 10px;}
.main p strong,
.main p button,
.aside button {font-size: 16px;font-weight: bolder;}
.main p button,
.aside button {vertical-align: middle}

.border-box {display: inline-block;margin-top: 20px;padding: 3px;border: 2px solid red;}
.border-box h3 {padding: .2em 1em;font-size: 16px;border: 1px dashed red;color: red}

/*微信二维码*/
.wechatbox {font-size: 16px;}
.wechatbox img {float: left;margin-right: 10px;}
.wechatbox p {text-align: left;}
.wechatbox p strong {font-size: 18px;}
#wechatCode {display: block;margin: 10px auto;}

/*文章页脚*/
.article-footer {position: relative;padding: 5px;font-size: 15px;line-height: 20px;color: #030303;font-weight: bolder;text-align: center;border-bottom: 1px solid #000}
.article-footer .sz {position: absolute;right: 10px;top: 5px;}

/*评论*/
.comment {padding: 10px;}
.comment .comment-title {margin-bottom: 10px;font-size: 14px;line-height: 30px;font-weight: bolder;border-bottom: 1px solid #535353;}
.comment .comment-title a {display: inline-block;padding-left: 5px;color: #030303}
.comment-list {color: #2f2e2f}
.comment-list li {padding-bottom: 5px;border-bottom: 1px solid #dbdbdb;}
.comment-list img {width: 40px;border-radius: 50%;margin-right: 10px;}
.comment-list h4 {display: inline-block;line-height: 50px;}
.comment-list .lv {margin-left: 5px;background: #68c431;padding: 2px 5px;border-radius: 10px;}
.comment-list .fr {line-height: 50px;}
.comment-list p {width: 80%;margin: 0 auto;}
.comment-list p.time {width: 100%;text-align: right;}
.comment-list2 li {position: relative;padding: 5px 0;border-top: 1px solid #ddd;}
.comment-list2 .comment-header {font-size: 14px;line-height: 30px;}
.comment-list2 .comment-header img {float: left;width: 35px;height: 35px;margin-right: 10px;}
.comment-list2 .comment-header h3 {color: #607fa6;font-size: 16px;line-height: 45px}
.comment-list2 .comment-header .zan {position: absolute;right: 0;top: 0;line-height: 35px;}
.comment-list2 .comment-header .zan img {width: 37px;height: 25px;margin-right: 0px;}
.comment-list2 .comment-header span {font-size: 12px;color: #999}
.comment-list2 .time {color: #ccc}
.comment-list2 .comment-bottom {margin-bottom: 5px;}
.comment-list2 .comment-bottom span {color: #999}
.comment-list2 .comment-bottom a {color: #3360a6}
.quote {margin: 10px 0;padding: 0 10px;background-color: #eee;border: 1px solid #ddd;border-radius: 5px}
.quote .info {color: #999}

/**
 * *****footer*****
 */
.footer {text-align: center;}

/**
 * *****aside*****
 */
.aside {position: fixed;bottom: 0;left: 0;width: 100%;font-size: 18px;text-align: center;padding: 10px;}
.aside.bg-yellow button {color: #f00}
.aside button {font-size: 18px;}
.aside p {line-height: 28px;}

.make-friends {padding: 0;font-size: 16px;line-height: 40px;color: #fff;background-color: #0553F8;}
.make-friends .container {position: relative;}
.make-friends .fl {padding-left: 40px;background: url('../images/wechat.png') 5px center/30px auto no-repeat;}
.make-friends img {margin-right: 5px;}
.make-friends button {padding: 0 3px;;font-size: 15px;line-height: 40px;color: #f00;background-color: #fff600}

.join-qq {background-color: #0553F8;}
.join-qq p {font-size: 16px;line-height: 30px;color: #fff;font-weight: bold;}
.join-qq a {display: inline-block;}
.join-qq a strong {display: inline-block;padding: 0 5px;border-radius: 5px}

.zhou1{width:160px;border:1px solid #333;position:fixed;right:10px;top:30%;overflow:hidden; background:#FFF;z-index:10;}
.zhou1 img{display:block;width:140px;height:140px;margin:20px auto;}
.zhou1 p{display:block;margin:30px 0;color:#333;font-size:16px;line-height:28px;text-align:center;}
.zhou1 p .vsd_w{ background:#F00; padding:1px 10px; color: #FFF}

/**
 * *****layer*****
 */

@media (max-width: 768px) {
    #wechatCode,
    .zhou1 img {width: 100%;height: auto}
    .zhou1 {width: 100px;padding: 5px;}
    .zhou1 img,
    .zhou1 p {margin: 10px auto;}
    .zhou1 p {font-size: 14px;line-height: 20px}
    .zhou1 p .vsd_w {display: block;}
}
.mask_box {position: fixed;top: 0;left: 0; width: 100%;height: 100%;z-index: 10;background: rgba(0,0,0,0.5);display: none;}
.mask {
    position: fixed;
    width: 90%;
    height: 336px;
    top: 0;
    left: 0;
    bottom: 50px;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
.mask_close {
    position: absolute;
    right: -12px;
    top: -12px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
}